<!--
  Generated template for the CollectListPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar color="orange">
    <ion-title>
      我的瓶盖列表
    </ion-title>
    <ion-buttons end>
      <button ion-button icon-only (click)="goPage('MemberPage')">
        <ion-icon name="contact"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content >
  <div class="ht-f8f8f8 ht-overflow">
    <!-- 主内容开始 -->
    <div class="ht-100 ht-overflow ht-background ht-border-bottom" padding *ngFor="let info of infolist; let m = index;">
      <!-- 小 -->
      <div class="ht-overflow">
        <div class="ht-30 ht-float-left img-box">
          <img [src]="util.parseImageUrl(info.image)" class="ss-img2">
        </div>
        <div class="ht-float-left ht-overflow  ht-70" padding-left>
          <div class="ht-font-16 ss-title ht-100">
            串码：{{info.random_num}}
          </div>
          <div class="ht-font-12 ss-title ht-666 ht-margin-top10">
            {{info.reamrk}}
            <!--<span *ngIf='!info.reamrk'>-->
              <!--正在审核中-->
            <!--</span>-->
          </div>
        </div>
        <div padding-right class="ht-padding-tb ht-overflow ht-999 ht-float-right">
          <span class="flex flex-line-between">
              <span *ngIf="info.status === 1" class="t-zt wait">审核中</span>
              <span *ngIf="info.status === 2" class="t-zt success">已通过</span>
              <span *ngIf="info.status === 3" class="t-zt fail">未通过</span>
          </span>
        </div>
      </div>

    </div>

    <!-- 主内容结束 -->
  </div>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
